.listItem {
  position: relative;
  display: flex;
  align-items: center;
  height: 22px;
  padding: 0 4rem 0 4px;
  column-gap: 8px;
  &:hover {
    background-color: #f5f5f5;
  }
}

.icon {
  display: flex;
  align-items: center;
}

.link {
  margin-top: -3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.delete {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  visibility: hidden;
  cursor: pointer;
}

.listItem:hover {
  .delete {
    visibility: visible;
  }
}
